<template>
    <div class="qk-goods" :class="{marginTop10: prop.marginFlag=='true'}" >
        <productItem  :productdata="prop.goodsList" :flex="prop.flex"></productItem>
    </div>
</template>
<script>
    import {getGoodsListByIds} from "@/api/base/goods/goods";
import productItem from "./product/productItem.vue";
    import {mapState} from "vuex";
    export default {
        components:{
            productItem
        },
        name: 'qkStoreGoods', // 这个名字很重要，它就是未来的标签名<qk-text></qk-text>
        props: {
            prop: {
                type: Object,
                default(){
                    return {
                        goodsList:[],
                        flex:'1',
                        marginFlag:'true',
                    }
                }
            }
        },

        data() {
            return {
            }
        },
        methods:{
        },
        created() {

        },
    }

</script>
<style lang="scss" scoped>
    .marginTop10{
        margin-top: 10px;
    }
</style>